<template>
	<view>
		<view class="title">问题描述<text>*</text></view>
		<textarea class="question" v-model="content" placeholder="描述你的问题" maxlength="1000"/>
		<!-- <input class="phone" v-model="mobile" type="text" placeholder="留下您的联系方式"/> -->
		<view class="submit" @click="feedback">提交反馈</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				content:'',
				mobile:''
			}
		},
		methods: {
			feedback(){
				this.$u.api.feedback({
					content:this.content,
					//mobile:this.mobile
				}).then(res=>{
					uni.showModal({
						content:'反馈成功',
						showCancel:false,
						success: () => {
							this.$app.back()
						}
					})
				})
			}
		}
	}
</script>

<style lang="scss">
	page{background-color: #f2f2f2;}
	.title{font-weight: bold;padding: 25rpx 40rpx;color: #111;
		text{color: #f00;}
	}
	.question{display: block;width: 100%;padding: 25rpx 40rpx;background-color: #fff;height: 300rpx;box-sizing: border-box;}
	.phone{margin-top: 20rpx;height: 90rpx;line-height: 90rpx;background-color: #fff;padding: 0 40rpx;display: block;width: 100%;box-sizing: border-box;}
	.submit{background-color: #333333;color: #fff;font-size: 30rpx;text-align: center;border-radius: 100rpx;height: 80rpx;margin: 234rpx 40rpx 0;line-height: 80rpx;}
</style>
